body{
  background: url("../image/bg.jpg");
  background-size: 100% 100%;
}
.box{
  background: rgba(0, 0, 0, 0.5);
  width: 80%;
  text-align: center;
  color: #fff;
  margin:80px auto 0 auto;
  padding-bottom: 5px;
  border-radius: 5px;
}
.box button{
  width: 86%;
  height: 44px;
  background: #00CDCD;
  border: 0px ;
  border-radius: 5px;
  color: #fff;
  outline: none;
}
.form{
  margin: 20px 0;
}
.form a{
  color: #fff;
  margin: 30px 0;
  text-decoration:none;
}
.login_input{
  width: 86%;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.2);
  margin: auto;
  height: 44px;
  border-radius: 5px;
  text-indent: 1.5em;
  color: #fff;
  outline: none;
}

/*placeholder属性不吃在login_input类中定义的color属性，需要用以下方法来定义color属性*/
::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}
